.send-inquiry {
  .inquiry-form {
    input,
    textarea {
      padding-right: 40px;
      transition: 0.3s;
      &::-webkit-input-placeholder {
        color: #4c4c4c;
        transition: 0.3s;
        transform-origin: top left;
      }
      &::-moz-input-placeholder {
        color: #4c4c4c;
      }
      &::-ms-input-placeholder {
        color: #4c4c4c;
      }
      &:focus::-webkit-input-placeholder {
        transform: scale(0.8) translate(2px, -14px);
      }
      &:focus {
        border-color: $mainColor
      }
    }
    input {
      position: relative;
      box-sizing: border-box;
      padding-left: 20px;
      width: 49%;
      height: 50px;
      border: 1px solid #d5d5d5;
      outline: none;
      margin-bottom: 30px;
    }
    textarea {
      padding-top: 20px;
      box-sizing: border-box;
      padding-left: 20px;
      width: 100%;
      outline: none;
      height: 250px;
      border: 1px solid #d5d5d5;
      resize: none;
    }
    .input-error {
      border: 1px solid #f77;
    }
    #in-company {
      background: url(/src/images/inquiry/company.png) no-repeat;
      background-size: 26px 26px;
      background-position: right 10px top 12px;
    }
    #in-name {
      background: url(/src/images/inquiry/user.png) no-repeat;
      background-size: 26px 26px;
      background-position: right 10px top 12px;
    }
    #in-title {
      width: 100%;
      background: url(/src/images/inquiry/title.png) no-repeat;
      background-size: 26px 26px;
      background-position: right 10px top 12px;
    }
    #in-phone {
      background: url(/src/images/inquiry/phone.png) no-repeat;
      background-size: 24px 24px;
      background-position: right 10px top 12px;
    }
    #in-email {
      background: url(/src/images/inquiry/email.png) no-repeat;
      background-size: 24px 24px;
      background-position: right 10px top 12px;
    }
    #in-content {
      background: url(/src/images/inquiry/pencil.png) no-repeat;
      background-size: 20px 20px;
      background-position: right 10px top 15px;
    }
  }
  .send-btn {
    width: 216px;
    height: 47px;
    border: 1px solid #4c4c4c;
    display: flex;
    align-items: center;
    margin: 50px auto;
    box-sizing: border-box;
    .span {
      &:nth-child(1) {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        font-weight: bold;
        color: #4c4c4c;
        user-select: none;
      }
      &:nth-child(2) {
        height: 100%;
        width: 47px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #4c4c4c;
        i, em {
          color: #707070;
          transform: scale(1.7);
        }
      }
    }
    &:hover {
      cursor: pointer;
      border: 1px solid $mainColor;
    }
    &:hover .span:nth-child(1) {
      color: #fff;
    }
    &:hover .span:nth-child(2) {
      border: none;
    }
    &:hover .span:nth-child(2) i, &:hover .span:nth-child(2) em {
      color: #fff;
    }
  }
}

@media screen and (max-width: 768px) {
  .send-inquiry {
    .inquiry-form {
      input {
        padding-left: vm(20);
        width: 100%;
        height: vm(90);
        margin-bottom: vm(30);
      }
      textarea {
        padding-top: vm(25);
        padding-left: vm(20);
        width: 100%;
        height: vm(250);
      }
      #in-company {
        background-size: vm(40) vm(40);
        background-position: right vm(20) top vm(24);
      }
      #in-name {
        background-size: vm(40) vm(40);
        background-position: right vm(20) top vm(24);
      }
      #in-title {
        background-size: vm(40) vm(40);
        background-position: right vm(20) top vm(24);
      }
      #in-phone {
        background-size: vm(35) vm(35);
        background-position: right vm(20) top vm(24);
      }
      #in-email {
        background-size: vm(35) vm(35);
        background-position: right vm(20) top vm(24);
      }
      #in-content {
        background-size: vm(30) vm(30);
        background-position: right vm(20) top vm(24);
      }
    }
    .send-btn {
      width: vm(320);
      height: vm(80);
      margin: vm(50) auto 0px;
      .span {
        &:nth-child(1) {
          font-size: vm(30);
        }
        &:nth-child(2) {
          width: vm(50);
        }
      }
    }
  }
}